<template>
	<view class=" content">
		<view class="firstbox">
			 <view class="">
			 	<view class="">
			 		<image src="../../static/personal/1.png" mode=""></image>
			 	</view>
				<view class="text1">
					<text>待处理</text>
				</view>
			 </view>
			 <view class="">
			 	<view class="">
			 		<image src="../../static/personal/2.png" mode=""></image>
			 	</view>
			 				<view class="text1">
			 					<text>已处理</text>
			 				</view>			
			 </view>
			 <view class="">
			 	<view class="">
			 		<image src="../../static/personal/3.png" mode=""></image>
			 	</view>
			 				<view class="text1">
			 					<text>已发起</text>
			 				</view>			
			 </view>

		</view>
		<view class="text2">
			经费申请
		</view>
		<view class="content2">
           <view class="serve">
       	    <view class="serve_box">
       				 <view class="">
       					 <image src="../../static/personal/4.png" mode=""></image>
       				 </view>
					 <text>出差审批</text>
       	 </view>
		 <view class="serve_box">
		        				 <view class="">
		                         <image src="../../static/personal/5.png" mode=""></image>	
		        				 </view>
								 <text>车辆维修审批</text>
		 </view>
		 <view class="serve_box">
		        				 <view class="">
		        					 <image src="../../static/personal/6.png" mode=""></image>
		        				 </view>
										 <text>会议费审批</text>
		 </view>
       </view>
	   <view class="serve">
	   	    <view class="serve_box">
	   				 <view class="">
	   					 <image src="../../static/personal/7.png" mode=""></image>
	   				 </view>
	   					 <text>培训费审批</text>
	   	 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		                         <image src="../../static/personal/8.png" mode=""></image>	
	   		        				 </view>
	   								 <text>零星加油审批</text>
	   		 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="../../static/personal/9.png" mode=""></image>
	   		        				 </view>
	   										 <text>医疗外诊审批</text>
	   		 </view>
	   </view>
	   <view class="serve">
	   	    <view class="serve_box">
	   				 <view class="">
	   					 <image src="../../static/personal/10.png" mode=""></image>
	   				 </view>
	   					 <text>公务接待审批</text>
	   	 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		                         <image src="../../static/personal/11.png" mode=""></image>	
	   		        				 </view>
	   								 <text>项目采购审批</text>
	   		 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="../../static/personal/12.png" mode=""></image>
	   		        				 </view>
	   										 <text>加餐审批</text>
	   		 </view>
	   </view>
	   <view class="serve">
	   	    <view class="serve_box" >
	   				 <view class="">
	   					 <image src="../../static/personal/13.png" mode=""></image>
	   				 </view>
	   					 <text>其他经费审批</text>
	   	 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		                         <image src="" mode=""></image>	
	   		        				 </view>
	   								 <text></text>
	   		 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="" mode=""></image>
	   		        				 </view>
	   										 
	   		 </view>
	   </view>
	   </view>
	   </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		background-color: #F4F4F4;
		height: 1500rpx;
	}
   .firstbox{
	   width: 100%;
	   height: 300rpx;
	   display: flex;
	   background-color: #FFFFFF;
	   justify-content: space-around;
	   align-items: center;
   }
   .firstbox image{
	   width: 100rpx;
	   height: 100rpx;
   }
   .text1{
	   text-align: center;
	   	    font-size: 28rpx;
	   	    
   } 
   .content2{
	   width: 100%;
	   height: 1300rpx;
	   background-color: #FFFFFF;
   }
	.serve{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.serve_box{
		text-align: center;
		width: 300rpx;
		margin-top: 20rpx;
	}
	.serve image{
		width: 130rpx;
		height: 130rpx;
	}
	.text2{
		width: 100%;
		height: 80rpx;
		font-size: 30rpx;
		font-weight: 700;
		color: #000000;
		line-height: 80rpx;
		margin-left: 40rpx;
	}
	text{
		text-align: center;
	     font-size: 28rpx;
		
	}
</style>